.tic_content{ width: 10.0rem; margin: 0 auto; background-color:#f0f0f0; } .top_banner{ position: relative; width: 10.0rem; height: 4.6875rem; } .tb{ width: 10.0rem; height: 4.6875rem; } .tbname{ position: absolute; height: 0.9375rem; line-height: 0.9375rem; width: 9.53125rem; bottom: 0; left: 0; background:rgba(0,0,0,0.8); font-size: 0.34375rem; color: #fff; padding-left: 0.46875rem; } .productreserve,.productdetails{ width: 9.9475rem; margin-top: 0.15625rem; border: 0.03125rem solid #dfdfdf; background:#fff; } .productdetails{ margin-bottom: 0.515625rem; } .prheader,.pdheader{ height: 0.921875rem; width: 9.5rem; border-bottom: 0.03125rem solid #efefef; overflow: hidden; padding-left: 0.4375rem; } .prhname,.pdhname{ float: left; width: 7.203125rem; width: 6.6875rem; height: 0.921875rem; line-height: 0.921875rem; font-size: 0.390625rem; padding-left: 0.515625rem; background-image: url(../images/prdicon.png); background-size: 0.34375rem 0.40625rem; background-position: 0rem 0.27125rem; background-repeat: no-repeat; color: #4a4a4a; } .pdhname{ background-image: url(../images/iconx.png); } .prhprocess{ float: left; width: 1.765625rem; height: 0.921875rem; line-height: 0.921875rem; font-size: 0.3125rem; padding-left: 0.53125rem; background-image: url(../images/resever.png); background-size: 0.375rem 0.375rem; background-position: 0rem 0.27125rem; background-repeat: no-repeat; color: #999; } .productone{ margin-left:0.34375rem; margin-right:0.34375rem; overflow: hidden; border-bottom: 0.03125rem dashed #e9e7e7; } .productone:nth-last-of-type(1){ border: none; } .prhnamea{ margin-left: 0.078125rem; font-size: 0.375rem; color: #6e6e6e; /* margin-top: 0.421875rem; height: 0.671875rem;*/ height: 1.84375rem; line-height: 1.84375rem; } .prhnameb{ font-size: 0.375rem; color: #999; float: left; } .plx{ margin-left: 0.078125rem; overflow: hidden; } .plx img{ float: left; width: 0.3125rem; height: 0.1875rem; margin-top: 0.15625rem; margin-left: 0.15625rem; } .productoneleft{ float: left; width: 5.075rem; } .productoneright{ float: left; overflow: hidden; height: 1.84375rem; width: 4.096875rem; } .productoneright span{ float: right; } /*.productoneright span:nth-of-type(1){ margin-top: 0.859375rem; font-size: 0.28125rem; color: #ff8800; margin-left: 0.109375rem; }*/ .productoneright span:nth-of-type(2){ /*margin-top: 0.71875rem;*/ height: 1.84375rem; line-height: 1.84375rem; font-size: 0.421875rem; font-weight: 600; color: #ff8800; /* width: 1.1rem;*/ } .productoneright span:nth-of-type(1){ width: 2.1875rem; height: 0.9375rem; border-radius:0.09375rem; background: #ff8800; color: #000; font-size:0.5rem; color: #fff; text-align: center; line-height: 0.9375rem; margin-top: 0.46875rem; margin-left: 0.4rem; } .pddone{ width: 9.09375rem; margin:0 auto; margin-top: 0.546875rem; font-size: 0.34375rem; color: #6e6e6e; } .pddone img{ margin-top: 0.328125rem; width: 9.0625rem; height: 5.0rem; } #pddbutton{ margin: 0 auto; margin-top: 0.59375rem; width: 1.975rem; overflow: hidden; height: 0.9375rem; } #pddbutton span{ float: left; font-size: 0.375rem; color:#6e6e6e; } #pddbutton img{ width: 0.25rem; height: 0.3125rem; float: left; margin-top: 0.09375rem; margin-left: 0.109375rem; } .rtkfheader img{ width: 0.78125rem; height: 0.78125rem; margin:0 auto; margin-bottom: 0.15625rem; } .col-4{ text-align: center; height: 2.171875rem; } .col-4 div{ font-size: 0.3125rem; color: #6e6e6e; } .footerbanner{ width: 9.2rem; margin:0 auto; height: 1.28125rem; } .line{ float: left; width: 2.84375rem; height: 0.390625rem; border-bottom: 0.03125rem solid #ccc; } .line:nth-of-type(2){ margin-left: 0.609375rem; } .footerbanner img{ float: left; margin-left: 0.609375rem; width: 2.21875rem; height: 0.8125rem; } body{ position: relative; } #detailsone{ position: absolute; top: 0.0rem; left: 0rem; background: rgba(0,0,0,0.8); width: 100%; display: none; } .dscontent{ position: relative; width: 10rem; margin:0 auto; } #x{ font-size: 0.5625rem; color: red; font-weight: 600; position: absolute; right: 0.3125rem; top: 0.15625rem; } #detailcontent{ position: absolute; top:0.625rem; width:9.9475rem; left:0.46875rem; color: #fff; font-size: 0.5625rem; }